<template>
	<div class="page">
		<Head navTitle="合作中心-申请" />
		<div class="page-container ">
			<div class="bs-panel ht-panel rewt-panel flex-center flex-hc">
				<div class="apl-panel">
					<div class="apl-heading">推广分润</div>
					<div class="apl-body">
						<div class="apl-tit text-green">将平台推广出去，增加无止境的收益</div>
						<div class="apl-cell">
							<div class="apl-label flex-center">
								<img src="../../assets/images/ic1.png" class="ic"><span class="text-green">代理返佣</span>
							</div>
							<div class="apl-text">建立合作团队，团队越大，共享分润越高。</div>
						</div>
						<div class="apl-cell flex-center">
							<img src="../../assets/images/ic2.png" class="ic">
							<div class="flex_bd">
								<div class="apl-text">推广奖励：成功邀请新会员注册 即可领取奖励。</div>
							</div>
						</div>
						<div class="apl-cell flex-center">
							<img src="../../assets/images/ic1.png" class="ic">
							<div class="flex_bd">
								<div class="apl-text">专属活动：参加合作团队专属回馈活动。</div>
							</div>
						</div>
						<div class="apl-foot">
							<el-button @click="applay" type="success">申请</el-button>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
	// @ is an alias to /src
	import Head from '@/components/Head.vue'
	export default {
		name: 'Home',
		components: {
			Head
		},
		data() {
			return {
				dialogVisible:false,
			};
		},
		methods: {
			applay(){
				this.$message({
					message: '申请成功',
					type: 'success',
					center: true
				});
			}
		}
	}
</script>
